page {
  background-color: #F4F4F4;
}
.uni-navbar__content_view {
  .uniui-left {
    color: #FFD76B !important;
  }
}
.uni-navbar__header-container {
  .uni-navbar__header-container-inner {
    .uni-nav-bar-text {
      color: #FFD76B !important;
    }
  }
}
.uni-modal {
  border-radius: 30rpx !important;
}
.input_box {
      position: relative !important;
      width: 650rpx !important;
      height: 79rpx !important;
      background: #FFFFFF !important;
}
.input_button {
  width: 650rpx !important;
  height: 79rpx !important;
  line-height: 79rpx !important;
}
.u-flex {
  display: flex;
}

.u-ju-center {
  justify-content: center;
}

.u-ju-between {
  justify-content: space-between;
}

.u-ju-around {
  justify-content: space-around;
}

.u-ali-center {
  align-items: center;
}

.u-wrap {
  flex-wrap: wrap;
}

.tabs {
    height: 98rpx;
    background-color: #fff;
    padding: 0 31rpx;
    box-sizing: border-box;

    .tab {
      height: 98rpx;
      line-height: 98rpx;
      text-align: center;
      font-size: 26rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: #666666;
      position: relative;
    }

    .active-tab {
      color: #333333;
      font-size: 28rpx;
      font-weight: bold;
    }

    .slider {
      width: 74rpx;
      height: 2rpx;
      background: #D2B17C;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0;
    }

    .none {
      display: none;
    }
  }
  
  .div-sizing{
    box-sizing: border-box;
  }
  
  /* 左右居中布局 */
  .flex-between-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  /* 垂直居中 */
  .flex-left-center {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  
  .vant-btn {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
    }
    
    .pop-title {
      margin: .85rem 0 1.06rem;
      text-align: center;
    }
    .my-deal-header {
      position: relative;
      width: 220rpx;
      height: 55rpx;
      line-height: 55rpx;
     margin: 0 auto;
      background: #E6E6E6;
      border-radius: 1.33rem;
      display: flex;
      z-index: 100;
    
      .deal-bg {
        width: 110rpx;
        height: 55rpx;
        border-radius: 1.33rem;
        position: absolute;
        left: 0;
        z-index: 101;
        background: #12A3E4;
      }
    
      .deal-type {
        width: 110rpx;
        text-align: center;
        position: relative;
        z-index: 102;
      }
    
      .deal-type:last-child {
        margin-left: 12rpx;
      }
    
      .type-active-1 {
        animation: moveLeft 0.5s forwards;
      }
    
      .type-active-2 {
        animation: moveRight 0.5s forwards;
      }
    
      @keyframes moveLeft {
        0% {
          left: 110rpx;
        }
    
        100% {
          left: 0;
        }
      }
    
      @-webkit-keyframes moveLeft {
        0% {
          left: 110rpx;
        }
    
        100% {
          left: 0;
        }
      }
    
      @-o-keyframes moveLeft {
        0% {
          left: 110rpx;
        }
    
        100% {
          left: 0;
        }
      }
    
      @-moz-keyframes moveLeft {
        0% {
          left: 110rpx;
        }
    
        100% {
          left: 0;
        }
      }
    
      @keyframes moveRight {
        0% {
          left: 0;
        }
    
        100% {
          left: 110rpx;
        }
      }
    
      @-webkit-keyframes moveRight {
        0% {
          left: 0;
        }
    
        100% {
          left: 110rpx;
        }
      }
    
      @-o-keyframes moveRight {
        0% {
          left: 0;
        }
    
        100% {
          left: 110rpx;
        }
      }
    
      @-moz-keyframes moveRight {
        0% {
          left: 0;
        }
    
        100% {
          left: 110rpx;
        }
      }
    }
    
    .order-item {
      margin-top: 10rpx;
      padding: 30rpx;
      position: relative;
      background: #ffffff;
      line-height: 1.5;
      // height: 300rpx;
      // box-sizing: border-box;
    
      .item-top {
        margin-bottom: 6rpx;
        line-height: 1.2;
    
        .item-name {
          max-width: 200rpx;
        }
    
        .item-level {
          width: 30rpx;
          height: 30rpx;
          margin-left: 20rpx;
        }
      }
    
      .item-number {
        margin-top: .13rem;
        display: flex;
        align-items: center;
      }
    
      .item-number:nth-child(4) {
        margin: .32rem 0 0;
      }
    
      .margin-left {
        margin-left: .13rem;
      }
    
      .number-width {
        max-width: 3.46rem;
        display: inline-block;
      }
    
      .all-price {
        font-size: .48rem;
        color: #FF0000;
      }
    
      .item-pay-img {
        position: absolute;
        top: 30rpx;
        right: 30rpx;
    
        .pay-img {
          
          width: 35rpx;
          height: 35rpx;
          margin-left: 25rpx;
        }
      }
    
      .item-time {
        position: absolute;
        right: .26rem;
        top: 50%;
        transform: translateY(-50%);
        font-size: .32rem;
        display: flex;
        justify-content: flex-en;
        align-items: center;
    
        .time-img {
          width: .32rem;
          height: .32rem;
          margin-right: .13rem;
        }
    
        .van-count-down {
          color: #282828;
          font-size: .32rem;
          margin-left: .13rem;
        }
      }
    
      .vant-btn {
        position: absolute;
        flex-direction: column;
    
        .van-btn-no {
          height: 50rpx;
          line-height: 50rpx;
          background: none;
          text-align: right;
        }
    
        .van-btn-loading-pp {
          color: #282828;
          text-align: center;
        }
    
        .van-btn-wait-sure {
          color: #888f97;
        }
    
        .van-btn-appeal {
          color: #B0383B;
        }
    
        .van-btn-appeal-success {
          color: #989898;
        }
        .van-btn-other{
          color: #2680EB;
        }
      }
    }
    .item-btm {
      height: 50rpx;
      padding-top: 18rpx;
      .pay-img {
        width: 35rpx;
        height: 35rpx;
        margin-left: 25rpx;
      }
      .vant-btn {
        margin: 0;
    
          width: 178rpx;
          height: 64rpx;
          line-height: 64rpx;
          font-size: 36rpx;
          border-radius: 10rpx;
        
      }
    }
    
    
    // 信息表单
    .deal-form {
      padding: 0 .4rem;
    
      .input-line {
        margin-bottom: .66rem;
    
        .input-title {
          font-weight: bold;
          span {
            font-size: .32rem;
            font-weight: normal;
          }
        }
    
        .van-field {
          background: #FFFFFF;
          border-radius: .08rem;
          padding-left: .26rem;
          padding-right: .26rem;
          margin-top: .4rem;
          
          input::input-placeholder {
            color: #BCBCBC;
          }
          ::-webkit-input-placeholder {
            color: #BCBCBC;
          }
          :-moz-placeholder {
            color: #BCBCBC;
          }
          ::-moz-placeholder {
            color: #BCBCBC;
          }
          :-ms-input-placeholder {
            color: #BCBCBC;
          }
        }
    
        .input-right-btn {
          height: .8rem;
          line-height: .8rem;
          padding: 0 0 0 .26rem;
          color: #0E67E4;
          border-left: .02rem solid #0E67E4;
        }
      }
    
      .input-line-img {
        width: 100%;
        justify-content: center;
        flex-direction: column;
        margin: 1.33rem 0;
        color: #D2D2D2;
        font-size: 0.37rem;
    
        .ewm-div {
          width: 5.12rem;
          height: 5.12rem;
          background: #242326;
          flex-direction: column;
          justify-content: center;
          position: relative;
          border-radius: 0.05rem;
        }
    
        .ewm-j {
          font-size: 1rem;
          margin-bottom: 0.32rem;
        }
    
        .img-s-h {
          position: absolute;
          top: 0;
        }
      }
    
      .vant-btn {
        margin: 1.04rem 0 0;
    
        .van-button {
          width: 4.77rem;
          height: .96rem;
          line-height: .96rem;
        }
      }
    }
    
    .back {
      position: fixed;
      left: 24rpx;
      width: 16rpx;
      height: 28rpx;
      background-image: url('../mine/user/back.png');
      background-size: 100% 100%;
      background-size: cover;
      background-repeat: no-repeat;
      z-index: 999;
    }